<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>游戏内容</title>
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
		<link href="css/Feng.css" rel="stylesheet" type="text/css" />
		<script src="js/jquery-3.3.1.js" type="text/javascript"></script>
		<script src="js/bootstrap.js" type="text/javascript"></script>
		<script src="js/Feng.js" type="text/javascript"></script>
	</head>
	<body>
		<!-- 背景Start -->
		<!-- <div class="boxBack">
			<p class="text-white">4564654asdasdaasd</p>
			<p class="text-white">4564654asdasdaasd</p>
			<p class="text-white">4564654asdasdaasd</p>
			<p class="text-white">4564654asdasdaasd</p>
			<p class="text-white">4564654asdasdaasd</p>
			<p class="text-white">4564654asdasdaasd</p>
			<p class="text-white">4564654asdasdaasd</p>
			<p class="text-white">4564654asdasdaasd</p>
		</div> -->
		<div class="indexBack">

		</div>
		<div class="mengban">

		</div>
		<!-- 背景End -->

		<!-- HomeStart -->
		<div class="container-fluid text-white">
			<div class="row">
				<div class="col-md-3 text-center">
					<div class="nav nav-pills flex-column navA">
						<div class="nav-link p-5">
							<a class="h1">游戏导航</a>
						</div>
						<a class="nav-link" data-toggle="pill" href="#home">个人</a>
						<a class="nav-link" data-toggle="pill" href="#battle">战斗</a>
						<a class="nav-link" data-toggle="pill" href="#equip">装备</a>
						<a class="nav-link" data-toggle="pill" href="#animal">宠物</a>
						<a class="nav-link" data-toggle="pill" href="#skill">技能</a>
						<a class="nav-link" data-toggle="pill" href="#other">其他</a>
						<a class="nav-link" data-toggle="pill" href="#account">账户</a>
						<a class="nav-link" data-toggle="pill" href="#settings">设置</a>
						<a class="nav-link" data-toggle="pill" href="#testFunction">测试页面</a>
						<a class="nav-link" href="ParamReadMe.html" target="_blank">说明文档</a>
					</div>
				</div>
				<div class="col-md-9">
					<div class="tab-content tabPade">

						<!-- 主页的参数信息 -->
						<div class="tab-pane fade show active" id="home">
							<a class="btn btn-outline-danger" onclick="getArray()">获取数据</a>
							<a class="btn btn-outline-info" onclick="startAct()">开始战斗</a>
							<a class="btn btn-outline-danger" onclick="stopAct()">停止战斗</a>
							<div class="input-group mt-2">
								<div class="input-group-prepend">
									<a class="btn btn-outline-info" onclick="testFunction()">测试参数</a>									
								</div>
								<input type="text" class="form-control" placeholder="测试参数" id="luckText"/>
							</div>
							
							<!-- 主页面显示各种参数信息
							<div id="arr">
								<div>1</div>
								<div>1</div>
								<div>1</div>
								<div>1</div>
								<div>1</div>
							</div> -->
							<div class="container mt-5">
								<div class="row">
									<div class="col-md-3">
										<p class="h2">我的地带</p>
										<div class="progress">
										  <div id="oneHps" class="progress-bar progress-bar-animated progress-bar-striped bg-danger"  style="width: 100%" ></div>
										</div>
									</div>
									<div class="col-md-6 text-center">
										<p class='h7'><small style='color: yellow;' >time: </small>玩家<strong class='h3' style='color: #cd0eee;'>张三</strong>对玩家<strong class='h3' style='color: #3be5ee;'>李四</strong>造成了<strong class='h4' style='color: #BD2130;'>[ 465468 ]</strong style='color:#546454'>点<strong class='h3' style='color: #20C997;'>雷</strong>伤害</p>
									</div>
									<div class="col-md-3">
										<p class="h2"> <span>怪物</span> </p>
										<div class="progress">
										  <div id="twoHps" class="progress-bar progress-bar-animated progress-bar-striped bg-danger"  style="width: 100%;"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 主页的参数信息 -->

						<!-- 战斗 -->
						<div class="tab-pane fade" id="battle">
							战斗
							<a class="btn btn-outline-success" onclick="getColor()">测试按钮</a>
						</div>
						<!-- 战斗 -->
						
						<!-- 装备 -->
						<div class="tab-pane fade" id="equip">
							这里显示的是装备页面
						</div>
						<!-- 装备 -->

						<!-- 宠物 -->
						<div class="tab-pane fade" id="animal">
							宠物
						</div>
						<!-- 宠物 -->

						<!-- 技能 -->
						<div class="tab-pane fade" id="skill">
							技能
						</div>
						<!-- 技能 -->

						<!-- 其他信息 -->
						<div class="tab-pane fade" id="other">
							这里是显示其他信息
						</div>
						<!-- 其他信息 -->

						<!-- 个人账户信息 -->
						<div class="tab-pane fade" id="account">
							个人账户
						</div>
						<!-- 个人账户信息 -->

						<!-- 修改个人的游戏设置 -->
						<div class="tab-pane fade" id="settings">
							这里存放游戏的各种设置
						</div>
						<!-- 修改个人的游戏设置 -->
						 
						<!-- 测试页面 -->
						 <div class="tab-pane fade" id="testFunction">
							 <a class="btn btn-outline-info" onclick="attAllSumTest()">测试伤害计算(测试正常)</a>
							 <p> <a class="btn btn-outline-success" onclick="chanceResultTest()">测试判定通用方法</a> </p>
						 </div>
						 <!-- 测试页面 -->
					</div>
				</div>
			</div>
		</div>
		<!-- homeEnd -->

	</body>
</html>
